<div class="setting-box" id="setting-box-1" xinit="-220">
	<div style="width: 100%; position: relative;">
		<div class="close"></div>
		<div class="onglet"></div>
		Settings
	</div>
</div>

<script type="text/javascript">
$("#setting-box-1").mouseover(function() {
	$(this).animate({"left": 0}, 500, function(){});
	$("#setting-box-1 .close").animate({"opacity": 1}, 100, function(){});
});

$("#setting-box-1 .close").click(function() {
	var x =$("#setting-box-1").attr("xinit");
	$("#setting-box-1").animate({"left": x}, 50, function(){
		$("#setting-box-1 .close").animate({"opacity": 0}, 50, function(){});
	});
});
</script>